<#assign ctx="${bw.contextPath}">
<html>

<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" />
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <title>养护管理</title>
    <link rel="stylesheet" type="text/css" href="${ctx}/resources/assets/plugins/iconfont/iconfont.css" />
    <link rel="stylesheet" type="text/css" href="${ctx}/resources/assets/plugins/mui/css/mui.min.css" />
    <link rel="stylesheet" type="text/css" href="${ctx}/resources/assets/css/global.css" />
    <link rel="stylesheet" type="text/css" href="${ctx}/resources/assets/css/mapResources.css" />
</head>

<body>
<div id="app">
    <header class="mui-bar mui-bar-nav">
        <h1 class="mui-title">地图资源</h1>
    </header>
    <!--头部菜单 -s-->
    <div class="mui-segmented-control mui-segmented-control-green">
        <a class="mui-control-item" href="javascript:;" data-href="statisticalInfor.html">统计信息</a>
        <a class="mui-control-item mui-active" href="javascript:;" data-href="mapResources
.html">地图资源</a>
        <a class="mui-control-item" href="javascript:;" data-href="eventReporting
.html">事件上报</a>
        <a class="mui-control-item" href="javascript:;" data-href="dayMaintenance
.html">当日养护</a>
    </div>
    <!--头部菜单 -e-->
    <div class="mui-content wrap mapResources-box">
        <!--地图主体 -s-->
        <section class="map-box" :style="'height:'+(winHeight-141)+'px;'">
            <div id="mapresources" :style="'height:'+(winHeight-141)+'px;'"></div>
        </section>
        <!--地图主体 -e-->
    </div>
    <nav class="mui-bar mui-bar-tab footbar-nav-box backdrop-filter">
        <div class="mui-row">
            <div class="mui-col-xs-6">
                <a class="footbar-tab-item" href="#sRadiusMenu">
                    <span class="mui-tab-label">搜索半径</span>
                </a>
            </div>
            <div class="mui-col-xs-6">
                <a class="footbar-tab-item" href="#sContentMenu">
                    <span class="mui-tab-label">搜索内容</span>
                </a>
            </div>
        </div>
    </nav>
    <!--搜索半径弹出菜单 -s-->
    <div id="sRadiusMenu" class="mui-popover mui-popover-bottom mui-popover-action cus-actionsheet-popover">
        <ul class="mui-table-view">
            <li v-for="item in searchDistance.list" @click="bindChoseRidus(item)" :class="['mui-table-view-cell ']+(item.value==searchDistance.chosed?'active':'')">
            <a href="#" v-text="item.name"></a>
            </li>

        </ul>
    </div>
    <!--搜索半径弹出菜单 -e-->
    <!--搜索内容弹出菜单 -s-->
    <div id="sContentMenu" class="mui-popover mui-popover-bottom mui-popover-action cus-actionsheet-popover">
        <ul class="mui-table-view">
            <li v-for="(cate,index) in searchCate" @click="bindChoseContent(index)" :class="['mui-table-view-cell ']+(cate.chosed?'active':'')">
            <a href="#" v-text="cate.name"></a>
            </li>
        </ul>
    </div>
    <!--搜索内容弹出菜单 -e-->
</div>
<script src="${ctx}/resources/assets/plugins/jquery-1.11.3.min.js"></script>
<script src="${ctx}/resources/assets/plugins/mui/js/mui.min.js"></script>
<script src="${ctx}/resources/assets/plugins/vue.min.js"></script>
<script src="http://api.map.baidu.com/api?v=2.0&ak=GhAljmRfSsfF8MGnqjyirQSafpRXoN6D"></script>
<script src="${ctx}/resources/assets/js/global.js"></script>
<script src="${ctx}/resources/assets/js/baiduMap.js"></script>
</body>

</html>